@require '../css/func.styl'
@require '../css/variable.styl'

$black = rgba(0, 0, 0, 0.87)
$active-pink = #ff4081
$grey = rgba(0,0,0,.12)
$light-grey = #e0e0e0

$label-fontSize = 16px
$font-size = 14px

$w-x = 56px
$padding-ver = 8px
$padding-hor = 16px
$margin-with-icon = 48px
$line-height = 48px

$pc-w-x = 64px
$pc-padding-ver = 16px
$pc-padding-hor = 24px
$pc-padding-with-icon = 64px
$pc-line-height = 32px

p
    -webkit-margin-before: 0
    -webkit-margin-after: 0

.hidden
    display: none

body
    overflow-x: hidden

.sm-menu-list
    position: absolute
    top: 0
    padding: $padding-ver 0
    margin: 0
    background-color: #fff
    overflow-y: scroll
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
    transform: scale(1, 0)
    min-width: 2 * $w-x
    z-index: $san-z-index.menu
    box-shadow: san-shadow('2')

    &.on-layer
        z-index: $san-z-index.menuLayer + 1

.sm-menu-list>.sm-divider
    margin:7px 0 8px

.sm-layer-for-click
    position: fixed
    top: 0
    bottom: 0
    right: 0
    left: 0
    z-index: $san-z-index.menuLayer